@charset "UTF-8";
@import "./common/base.scss";

//icon图标
.address_icon{
	background-image: url("/resources/img/order_icon.png");
	background-size: 0.58667rem 3.10667rem;
  	background-repeat: no-repeat;
  	display: inline-block;
}
.icon_update {
  	width: 0.58667rem;
  	height: 0.64rem;
  	
  	background-position: 0 -2.46667rem;
  	margin-top: px2rem(15);
}

.fl{
	float: left;
}
.fr{
	float: right;
}

//字体设置
@include setFont(".fs_22", 22);
@include setFont(".fs_24", 24);
@include setFont(".fs_26", 26);
@include setFont(".fs_28", 28);
@include setFont(".fs_30", 30);

.address_list{
	max-height: px2rem(1334 - 120);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	> li{
		border-bottom: 1px solid #c8c8cc;
		font-size: initial;
		position: relative;
	}
	.address_info{
		color: #666;
		border-right: 1px solid currentcolor;
		margin-right: px2rem(75);
	}
	.address_item{
		padding: px2rem(30) px2rem(25) px2rem(30) px2rem(30);
		-webkit-transition: all 0.1s linear;
	}
	.current{
		.address_info,
		.address_content p{
			color: #333;
		}
		.icon_update{
			background-position: 0 -1.69333rem;
		}
		.address_select{
			color: #03a9f4;
			box-shadow: 0px 0px 0px px2rem(8) #fff, 0px 0px 0px px2rem(13) #03a9f4;
			background-color: #03a9f4;
		}
	}
}
.delete{
	position: absolute;
    width: 13%;
    text-align: center;
    background-color: #e51c23;
    margin-left: 87%;
    height: 100%;
    color: #fff;
    font-size: px2rem(24);
    display: none;
}
.selected{
	.address_item {
		-webkit-transform: translate(-13%, 0);
	}
	.delete{
		display: block;
	}
}

.address_info{
	.address_select{
		width: 22px;
		height: 22px;
		border-radius: 50%;
		text-align: center;
		background-color: #fff;
		box-shadow: 0px 0px 0px px2rem(8) #fff, 0px 0px 0px px2rem(13) #ccc;
		margin-top: px2rem(30);

		span{
			display: inline-block;
			width: px2rem(20);
			height: px2rem(20);
			border-radius: 50%;
		}
	}
	.address_content{
		margin-left: px2rem(60);
		max-height: 100%;
		
		p{
			color: #666;
		}

		.address{
			font-size: px2rem(30);
		}
	}
}

.address_content{
	p:first-child{
		margin-bottom: px2rem(5);
	}
	.address_info_name{
		margin-right: px2rem(40);
		font-size: px2rem(30);
	}
	.address_info_phone{
		margin-right: px2rem(30);
		font-size: px2rem(30);
	}
	.address_em{
		color: #fff;
		background-color: #e51d23;
		line-height: px2rem(30);
		height: px2rem(30);
		padding: px2rem(3) px2rem(15);
		border: 1px solid #e51d23;
		border-radius: 5px;
		letter-spacing: 1px;
		vertical-align: middle;
		font-size: px2rem(22);
	}
}

.btn_container{
	padding: px2rem(23) px2rem(30);
	background-color: #eee;
	font-size: initial;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;

	.address_btn{
		width: 100%;
		color: #fff;
		background-color: #03a9f4;
		text-align: center;
		font-size: px2rem(30);
		height: px2rem(74);
		line-height: px2rem(74);
		outline: none;
		border: none;
	}
}